<script setup lang="ts">
// 布尔值
const male = false
// 函数
// 对象内部有函数
const getInfo = () => {
  return '柑橘'
}
const dog = {
  name: '柯基',
  color: 'huangse',
  bark() {
    return 'goujiao '
  },
}
</script>

<!-- 结构 -->
<template>
  <div>
    <!-- 支持写表达式 -->
    <h2>{{ male ? '男' : '女' }}</h2>
    <!-- 调用 获取返回值 -->
    <h2>{{ getInfo() }}</h2>
    <h2>{{ dog.bark() }}</h2>
    <!-- if swicth while 这种是语句不支持 -->
  </div>
</template>

<!-- 样式 -->
<style scoped>
</style>